/**
* Created by Song on 2017/10/19.
*/
<template>
    <div>
        <footer class="footer">
            <div class="footer__wrap">
                <div class="footer__secondary">
                    <div class="footer__inner">
                        <div class="footer__secondary__nav">
                            <span>Copyright©2013-2017 dongnaoedu.com All Rights Reserved.</span>
                            <a href="https://dongnaoedu.com/">
                                关于我们
                            </a>
                            <a href="http://dongnao.ke.qq.com/#tab=1&category=-1">
                                腾讯课堂&&动脑学院
                            </a>
                            <a href="https://dongnaoedu.com/index.html">
                                版权所有 2008-2017 湘ICP备16006411号-1
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</template>

<script>
    export default {
        data() {
            return {}
        },
        components: {},
        methods: {}
    }
</script>

<style scoped>
    .footer {
        background-color: #f5f7fc;
        color: #333;
        position: relative;
    }

    .footer__wrap {
        max-width: 1280px;
        margin: 0 auto;
    }

    .footer__secondary {
        border-top: 1px solid rgba(51, 51, 51, 0.15);
    }

    .footer__secondary .footer__inner {
        height: 100px;
    }

    .footer__inner {
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
    }

    .footer__secondary__nav {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 36px;
    }

    .footer__secondary__nav a,
    .footer__secondary__nav span {
        color: #ada9a5;
        margin-left: 3.3125em;
    }

    .footer__secondary__nav a:first-child,
    .footer__secondary__nav span:first-child {
        margin-left: 0;
    }

</style>
